import styled from 'styled-components'

export const BabyDetailContainer = styled.div`
flex:1;
overflow:hidden;
background:rgb(191, 237, 234);

`
export const BabyDetailWrapper = styled.div`
width:100%;
`
export const BabyDetailHeader = styled.section`
height:2.1rem;
width:100%
img{
    width:100%;
    height:100%;
  
}

`
export const BabyDetailTitle = styled.section`
    width:100%;
    text-align:center;
    height:.2rem;
    margin:.14rem 0;
    em{
        display:inline-block;
        box-sizing: border-box;
        background-color: #d1d1d1;
       
        width: .545rem;
        height: .02rem;
        margin-bottom:.035rem
    }
    span{
        font-size:.15rem;
        color:#666;
        margin:0 .05rem;
    }
`
export const BabyDetailContent = styled.section`
    display:flex;
    flex-direction: column;
    ul{
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        justify-content:flex-start;
        li{
            display:flex;
            align-self:flex-start;
            width:1.8047rem;
            height:2.6603rem;
            background:#fff;
            margin-left:.05rem;
            margin-bottom:.04rem;
            a{
                width:100%;
                height:100%;
                display:flex;
                flex-direction:column;
                .item-img{
                    width:1.6247rem;
                    height:1.5703rem;
                    margin:0rem .09rem .04rem .09rem;
                    padding-top:.09rem;
                    img{
                        width:100%;
                        height:100%;
                    }
                }
                .title{
                    width:1.6047rem;
                    height:.36rem;
                    color:#333;
                    padding:0rem .105469rem;
                    font-size:.14rem;
                    i{
                        font-size:.12rem;
                        background:#FE4070;
                        color:#fff;
                        margin-right:.0234375rem;

                    }
                }
                .price{
                    width:1.6247rem;
                    height:.2rem;
                    padding:0rem .09rem;
                    padding-top:.14rem;
                    .now-price{
                        color:#fe4070;
                        font-size:.18rem;
                    }
                    .before-price{
                        color:#999;
                        font-size:.14rem;
                        margin-left:.06rem;
                    }
                }
                .tips{
                    color:#999;
                    font-size:.12rem;
                    padding:.04rem .08rem 0rem;
                }
            }
        }
    }
    
`